<ion-header>
    <ion-navbar color="dark">
        <ion-title>
         注册
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content >
  
    <form  class="form">
        <ion-item>
            <ion-label> <ion-icon name="phone-portrait"></ion-icon></ion-label>
            <ion-input type="text" placeholder="请输入您的手机号码" [(ngModel)]='deta.userName' name='name'></ion-input>
        </ion-item>
    
        <ion-item>
            <ion-label><ion-icon name="lock"></ion-icon></ion-label>
            <ion-input type="password" name='pass' [(ngModel)]='deta.userPass' placeholder="请输入6~20位字母和数字"  ></ion-input>
        </ion-item>
         <ion-item>
            <ion-label><ion-icon name="lock"></ion-icon></ion-label>
            <ion-input type="password" placeholder="请再次输入密码" name='password' [(ngModel)]='deta.userPassword'></ion-input>
        </ion-item>
        <ion-item>
            <ion-label><span>邀请码</span></ion-label>
            <ion-input type="text" placeholder="请输入邀请码" name='yaoqing' [(ngModel)]='deta.userYao'></ion-input>
        </ion-item>
        <ion-item>
            <button (click)='ma()'>看不清请点击更换验证码</button>
        </ion-item>
        <ion-item>
            <ion-input type="text" placeholder="请输入验证码(区分大小写)" name='yanzheng' [(ngModel)]='deta.userMa'></ion-input>
             <ion-label ><span class="yan">asda</span></ion-label>
        </ion-item>
        
        
       <button class="login" (click)='login()'>立即注册</button>
       
    </form>
</ion-content>